<template>
  <div class="ads pt-10 pl-10 d-flex">
    <div style="width:550px">
      <el-carousel class="bg-primary w-100" height="220px">
        <el-carousel-item v-for="item in 4" :key="item">
          <a href="#" style="display:block;">
            <img class="w-100" src="http://p0.meituan.net/codeman/a97baf515235f4c5a2b1323a741e577185048.jpg">
          </a>
        </el-carousel-item>
      </el-carousel>
      <div class="mt-10 w-100 d-flex jc-between">
        <a href="#" style="display:block;"><img class="w-100" src="http://p1.meituan.net/codeman/8cce56c467a17e04f3094d1e455462a0132772.png"></a>
        <a href="#" class="ml-5" style="display:block;"><img class="w-100" src="http://p1.meituan.net/codeman/8cce56c467a17e04f3094d1e455462a0132772.png"></a>
      </div>
    </div>
    <div class='pl-10 special'>
      <a style="display:block;" href="#">
        <img style="width:150px;height:219px" src="http://p0.meituan.net/codeman/e473bb428f070321269b23370ff02ba956209.jpg" alt="">
      </a>
      <a class="mt-8" style="display:block;" href="#">
        <img style="width:150px" src="http://p1.meituan.net/codeman/5b21cddb4bb1cbc3a9c3bce0f726c75940469.jpg" alt="">
      </a>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>
